Review: Create a sticker sheet in Figma 複習：在Figma中建立貼紙板（元件庫）

Sticker Sheet（也叫 Design Kit）是一個用於收集和複用 UI 元素的畫板。在 Figma 中，Sticker Sheet 可以大大提升你後續設計 Mockup 的速度和一致性。Sticker Sheet 通常包含以下內容：

• 元件（Buttons、Cards、Menus）

• 字型樣式（標題、正文等）

• 顏色（主色、輔助色、背景色等）

• 圖示（操作導航類 icon）

如何在 Figma 建立 Sticker Sheet？

步驟 1：建立新頁面

1. 在 Figma 左上角，點選“Pages”旁邊的「+」按鈕

2. 命名為「Sticker Sheet」

步驟 2：建立新畫框（Frame）

1. 在頂部工具欄選擇「Frame Tool」（快捷鍵：F）

2. 選擇尺寸為「Desktop」，給你足夠空間來佈置所有元素

步驟 3：整理 UI 元素

將你已有設計中的元素（Logo、按鈕、顏色、字型等）複製貼上到 Sticker Sheet 中：

新增按鈕

• 主按鈕（Primary）

• 次按鈕（Secondary）

• 禁用按鈕（Inactive）

新增顏色

1. 在 Sticker Sheet 中畫出形狀（正方形或圓形）

2. 複製已有設計中顏色的 HEX 程式碼（右邊面板 Fill 中）

3. 貼上到形狀中作為色卡

新增字型

• 設定不同文字層級（如 H1、H2、Body）

• 用「不同字型」來標註說明（建議用 Arial、Roboto、Helvetica）

新增圖示

• 常用操作 icon，如搜尋、導航、新增、刪除等

• 保持圖示風格統一

步驟 4：分類和排版

• 使用標題（如「Buttons」、「Typography」、「Colors」）分組元素

• 使用柵格系統（Grid）對齊和保持整齊

• 留出統一間距，避免混亂